<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop>
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'more.Deposit' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="pay-content">
        <div class="card">
            <div class="card-content">
                <div class="amount">
                    <p>{{ 'more.Alipay' | translate }}</p>
                    <p>£ <font>2,350</font></p>
                </div>
                <div class="balance">{{ 'more.Balance' | translate }}: £ 2,350</div>
            </div>
            <div class="card-pay">
                <p class="title">{{ 'more.choose' | translate }}</p>
                <label class="card-pay-type" for="type">
                    <span class="pay paypal"></span>
                    <div class="pay_info">
                        {{ 'more.Paypal' | translate }}Paypal
                        <label class="input-radio" for="type_three">
                            <input id="type_three" type="radio">
                            <span><b></b></span>
                        </label>
                    </div>
                </label>
                <label class="card-pay-type" for="type">
                    <span class="pay applepay"></span>
                    <div class="pay_info">
                        {{ 'more.Alipay' | translate }}
                        <label class="input-radio" for="type_three">
                            <input id="type_three" type="radio">
                            <span><b></b></span>
                        </label>
                    </div>
                </label>
            </div>
        </div>
        <button ion-button>{{ 'more.Deposit' | translate }}Deposit</button>
    </div>
</ion-content>